<template>
  <div class="head">
    <div class="fr" >
      <span class="iconfont ff" @click="gohome">&#xe624;</span>
      <h3 class="hh">大明宫国家遗址公园</h3>
    </div>
  </div>
</template>
<script>
  export default {
      methods:{
        gohome(){
          this.$router.go(-1)
        }
      }
  }
</script>
<style scoped>
  .head {
    width: 100%;
    font-size: .12rem;
    overflow: hidden;
    position: absolute;
    z-index: 10;
  }


  .ff {
    position: absolute;
    top: .08rem;
    left: .08rem;
  color:#fff;
  }
  .head .fr {
    text-align: center;
    width: 100%;
    background-color: #00bcd4;
    position: fixed;
    color: #fff;
    font-weight: noamal;
  }
  .head .fr .hh {
    /*position:absolute;*/
    /*top:50%;*/
    /*left:50%;*/
    /*transform: translate(-50%,-50%);*/
    line-height: .44rem;
    text-align: center;
  }
</style>


